<template>

  <div>
      <h2>我是用户界面</h2>
      <p>我是{{userId}}用户信息</p>
      <p>我是{{$route.params.userId}}用户信息</p>
  </div>
    
</template>



<script>

export default {

  data() {

    return {};

  },

  components: {},
  computed:{
      userId(){
          //此处的this.$route,注意不是$router 是当前处于活跃的router ，跟路由中path '/user/:userId'  userId对应
          return this.$route.params.userId;
      }
  }

};

</script>



<style></style>